<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui">
    <h:form id="form-menu-bar">
        <div id="navigation-bar-fixed">
            <div>
                <h2>Encontro de Jovens com Cristo</h2>
            </div>

            <p:menubar>  
                <p:submenu label="Encontro">  
                    <p:menuitem value="Informações" url="#" />  
                </p:submenu>  

                <p:submenu label="Círculos">  
                    <p:menuitem value="Azul" url="#"/>  
                    <p:menuitem value="Amarelo" url="#"/>  
                    <p:menuitem value="Verde" url="#"/>  
                    <p:menuitem value="Vermelho" url="#"/>  
                    <p:menuitem value="Laranja" url="#"/>  

                    <p:separator></p:separator>

                    <p:menuitem value="Novo Círculo" url="#"/> 
                </p:submenu>  

                <p:submenu label="Equipes de Trabalho">  
                    <p:menuitem value="Nova Equipe" url="#" />
                    <p:menuitem value="Ver Todas" url="#" />  
                </p:submenu>  

                <p:submenu label="Participantes">  
                    <p:submenu label="Inscrição">
                        <p:menuitem value="Nova" url="#" />
                        <p:menuitem value="Pendente" url="#" />
                    </p:submenu>

                    <p:separator/>

                    <p:menuitem value="Ver todos" url="#" />
                </p:submenu>  

                <p:submenu label="Integrantes">  
                    <p:menuitem value="Novo Integrante" url="#" />
                    <p:menuitem value="Ver todos" url="#" />
                </p:submenu>

            </p:menubar>
        </div>
        <p:growl id="messages" ></p:growl>
    </h:form>
</ui:composition>
